<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios入门案例</title>
	</head>
	<body>
		
		
		<!-- 1.导入js类库 -->
		<script src="../js/axios.js"></script>
		<script>
			
			axios.defaults.baseURL = "http://localhost:8090/"
			
			function getHello1(){
				
				axios.get("hello").then(result => {
					console.log(result.data)
				})
				
			}
			
			//1.定义语法 async标识方法 
			async function getHello2(){
				//await 标识ajax请求  可以直接接收返回值对象
				const result =await axios.get("hello")
				
				//通过result.data的数据接收返回值
				console.log(result.data)
			}
			
			async function getHello2(){
				//data: 是对象中的属性
				//解构赋值: 将返回的对象的数据 采用指定的对象接收
				//value 表示接收返回值结果.
				const {data: value} = await axios.get("hello")
				console.log(value)
			}
			
			//练习2: http://localhost:8090/axios?id=100
			async function axiosId(){
				const {data: value} = await axios.get("axios?id=100")
				console.log(value)
			}
			
			//调用函数
			axiosId()
			
		</script>
	</body>
</html>
